<!DOCTYPE html>
<html lang="zh-cmn-Hans">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0">
    <meta name="format-detection" content="telephone=no">
    <title>文字链</title>
    <link href="//cdn.bootcss.com/weui/1.0.2/style/weui.min.css" rel="stylesheet">
    <link rel="stylesheet" href="../main.css">
</head>
<body>
    <div id="container"></div>

    <script type="text/html" id="landlord-index">
        <div class="weui-toptips weui-toptips_warn js_tooltips">请输入姓名</div>
        <div class="inn-tip">您需填写真实信息，否则将影响申请分期。</div>

        <form>
            <input id="openId" type="hidden" name="openId">
            <!-- 房东姓名 -->
            <div class="weui-cell inn-fchild">
                <div class="weui-cell__hd">
                    <label class="weui-label">房东姓名</label>
                </div>
                <div class="weui-cell__bd">
                    <input class="weui-input" id="name" type="text" name="name" placeholder="请输入您的姓名">
                </div>
            </div>

            <!-- 联系电话 -->
            <div class="weui-cell">
                <div class="weui-cell__hd">
                    <label class="weui-label">联系电话</label>
                </div>
                <div class="weui-cell__bd">
                    <input class="weui-input" id="phone" type="tel" name="phone" placeholder="请输入11 位手机号码">
                </div>
            </div>

            <!-- 申请分期房客姓名 -->
            <div class="weui-cell">
                <div class="weui-cell__hd">
                    <label class="weui-label">申请分期房客姓名</label>
                </div>
                <div class="weui-cell__bd">
                    <input class="weui-input" id="tenantName" type="text" name="tenantName" placeholder="请输入">
                </div>
            </div>

            <!-- 申请分期房客电话 -->
            <div class="weui-cell">
                <div class="weui-cell__hd">
                    <label class="weui-label">申请分期房客电话</label>
                </div>
                <div class="weui-cell__bd">
                    <input class="weui-input" id="tenantPhone" type="tel" name="tenantPhone" placeholder="请输入">
                </div>
            </div>

            <!-- 申请按钮 -->
            <div class="weui-footer">
                <div class="weui-btn-area">
                    <a class="weui-btn" href="javascript:;" id="submit">我要分期</a>
                </div>
            </div>
        </form>
    </script>

    <script type="text/html" id="landlord-preview">
        <div class="weui-form-preview">
            <div class="weui-form-preview__bd">
                <div class="weui-form-preview__item">
                    <label class="weui-form-preview__label">房东姓名</label>
                    <span class="weui-form-preview__value" id="name"></span>
                </div>
                <div class="weui-form-preview__item">
                    <label class="weui-form-preview__label">联系电话</label>
                    <span class="weui-form-preview__value" id="phone"></span>
                </div>
                <div class="weui-form-preview__item">
                    <label class="weui-form-preview__label">申请分期房客姓名</label>
                    <span class="weui-form-preview__value" id="tenantName"></span>
                </div>
                <div class="weui-form-preview__item">
                    <label class="weui-form-preview__label">申请分期房客电话</label>
                    <span class="weui-form-preview__value" id="tenantPhone"></span>
                </div>
            </div>
        </div>

        <div class="weui-footer">
            <p class="weui-footer__links">
                有任何疑问请咨询
                <a href="tel:400-825-9200" class="weui-footer__link">400-825-9200</a>
            </p>
        </div>
    </script>

    <script src="//cdn.bootcss.com/jquery/3.1.1/jquery.min.js"></script>
    <script src="../lib/util.js"></script>
    <script src="../js/landlord.js"></script>
</body>
</html>
